<!DOCTYPE html>
<html  lang="en">
<head>
    <meta charset="UTF-8">
    <title>商品列表</title>
    <link   type="text/css"  rel="stylesheet"  href="../css/productList.css"/>
    <script src="../js/jquery-3.1.0.js"></script>
    <script src="../js/lodash.js"></script>
    <script type="text/javascript" src="../js/productList.js"></script>
    <script type="text/javascript" src="../js/jquery.tmpl.min.js"></script>
    <script type="text/x-jquery-tmpl"  id="trPemp">
        <tr>
           <td  class="tdPadding">${classification}</td>
           <td  class="tdPadding">${name}</td>
           <td  class="tdPadding">${price}</td>
           <td  class="tdPadding">${unit}</td>
           <td><button id=${id} class="button">加入购物车</button></td>
        </tr>
    </script>
</head>
<body class="body">
<div  class="bodyHeader">
    <button  class="public label">Let's Go</button>
    <button  id="home"  class="public home">主页</button>
    <button  class="productList">商品列表</button>
    <button  id="shoppingCart" class="public shoppingCart"><img class="img" src="../png/shoppingCart.png" align="center"/>购物车(<a id="cartCount"></a>)
    </button>
</div>
<div class="tableTitle">商品列表</div>
<div class="mainTable">
    <table  id="tableList" class="tableList">
        <th>分类</th>
        <th>名称</th>
        <th>单价(元)</th>
        <th>单位</th>
        <th></th>
    </table>
</div>
</body>